/* 当窗口 <768px 时执行 */
@media only screen and (max-width: 768px) {
  .img-sm-size {
    width: 30px !important;
    height: 30px !important;
  }
  .xs-width-100 {
    width: 100% !important;
  }
  .xs-width-96 {
    width: 96% !important;
  }
  .el-message {
    min-width: 95% !important;
  }
  .el-dialog {
    width: 96% !important;
  }
  .search-main {
    .search-input {
      width: 68% !important;
    }

    .search-button {
      width: 32% !important;
    }
  }
  .el-overlay {
    .el-drawer__header {
      margin-bottom: 0
    }

    .el-drawer__body {
      padding: 20px 0
    }

    .el-menu {
      border: none;
    }
  }
  .container {
    & > .el-row {
      margin: 0 !important;
    }
  }
  .xs-margin-top-10 {
    margin-top: 10px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1180px) {
  .sm-margin-top-10 {
    margin-top: 10px !important;
  }
  .el-overlay {
    .el-drawer__header {
      margin-bottom: 0
    }

    .el-drawer__body {
      padding: 20px 0
    }

    .el-menu {
      border: none;
    }

    .el-drawer {
      width: 40% !important;
    }
  }
}